<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../css/shoppingCar.css">
    <link rel="stylesheet" href="../libs/swiper-bundle.min.css">
    <script src="../libs/require.min.js" data-main="../js/shoppingCar.js"></script>
    <style type="text/css"></style>
</head>
<body>
    <header>
        <div class="top">
            <div class="logo">
                <a href="#/">
                    <img src="../images/2.png" alt="logo">
                    <div class="right">
                        <h3>熊猫优选</h3>
                        <span>XIONG MAO YOU XUAN</span>
                    </div>
                </a>
            </div>
            <div class="search">
                <form action="">
                    <span></span>
                    <input type="text" placeholder="搜索商品，发现更多优惠" class="info">
                    <button class="searchBtn">搜索</button>
                </form>
            </div>
            <div class="top-right">
                <ul>
                    <li>
                        <img src="../images/3.png" alt="logo">
                        <span>全程包邮</span>
                    </li>
                    <li>
                        <img src="../images/4.png" alt="">
                        <span>7天退换</span>
                    </li>
                    <li>
                        <img src="../images/5.png" alt="">
                        <span>品质保证</span>
                    </li>
                </ul>
            </div>
        </div>
    </header>
    <nav>
        <div class="navigation">
            <ul class="text-nav">
                <li style="background-color: #fee44e;" class="text-nav-li"><a href="http://localhost:9527/" style=" color: #43240c;">首页</a>
                </li>
            </ul>
        </div>
    </nav>
    <div class="show-Car">
        <div class="top-nav">
            <ul class="List-nav">
                <li class="nav-li" style="padding-left: 0; color: #ff4653; font-weight: 600;">全部商品(<span
                        class="num">0</span>)</li>
                <span>|</span>
                <li class="nav-li">降价商品</li>
                <span>|</span>
                <li class="nav-li">库存紧张</li>
            </ul>
        </div>
        <div class="car-th">
            <div class="chk">
                <input type="checkbox" class="select-all" id=""> 全选
            </div>
            <div class="th-item">
                商品信息
            </div>
            <div class="th-price">
                单价
            </div>
            <div class="th-num">
                数量
            </div>
            <div class="th-sum">
                金额
            </div>
            <div class="th-op">操作</div>
        </div>
        <div class="container-lis">
        </div>
        <script type="text/html" id="cart-template">
            {{each cart prod}}
            <div class="single"  data-id="{{prod.id}}">
                <div class="check"><input type="checkbox" {{prod.checked ? 'checked="checked"' : ''}} class="select-one" ></div>
                <div class="shop-img">
                    <img src="{{prod.image}}" alt="">
                </div>
                <div class="shop-title">
                    <div class="title">
                        <a class="info-title">{{prod.title}}</a>
                    </div>
                    <div class="tips">
                        <div class="tips-img">
                        <img src="../images/xcard.png" alt="">
                        <img src="../images/7天.png" alt="">
                        <img src="../images/T1.png" alt="">
                    </div>
                    </div>
                </div>
                <div class="shop-price">
                    <div class="befor-price">
                       {{prod.originprice}}
                    </div>
                    <div class="now-price">
                        {{prod.nowprice}}
                    </div>
                </div>
                <div class="item-num">
                    <div>
                    <a class="cut">-</a>
                    <input type="text" class="amount" style="text-align: center; width: 62px;height: 30px; border:none; outline: none;background-color: #bbb;" value="{{prod.amount}}">
                    <a class="add">+</a>
                </div>
                </div>
                <div class="subtotal">
                   {{(prod.nowprice * prod.amount).toFixed(2)}}
                </div>
                <div class="shop-op">
                    <a class="btn-remove">删除</a>
                </div>
            </div>
            {{/each}}
        </script>
        <div class="action-bar">
            <div class="chk">
                <input type="checkbox" class="select-all" id=""> 全选
            </div>
            <a class="del">删除</a>
            <div class="right">
                <div class="number">
                    <p>已选商品 <span class="shop-number">0</span> 件</p>
                </div>
                <div class="total">
                    <p>合计(不含运费)： <span class="shop-total">0.00</span></p>
                </div>
                <div class="button">
                    <span>结算</span>
                </div>
            </div>
        </div>
    </div>
    <footer>
        <div class="foot">
            <div class="foot-contain">
                <img src="../images/2.png" alt="">
                <div class="center">
                    <h1 class="foot-title">熊猫优选</h1>
                    <p class="slogan">年轻人网购首选<br>购物领券更省钱</p>
                </div>
            </div>
            <div class="about-us">
                <p class="items">
                    <span class="line">|</span>
                    <a href="#" class="item">下载APP</a>
                </p>
            </div>
            <div class="footer-bottom">
                <img src="../images/policeIcon.png" alt="" srcset="">
                <p class="msg">
                    <span>浙公安网备案 33010602009949号 | </span>
                    ICP备案号:
                    <a href="#">浙ICP备17012864号-1</a>
                </p>
                <img src="../images/license.png" alt="" srcset="">
                <p class="msg">
                    <a href="#">证照信息</a>
                </p>
            </div>
        </div>
    </footer>
    <div class="footer-down">
        <img src="../images/aqkx_83x30.png" alt="" srcset="">
    </div>
</body>

</html>